<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>豆腐渣管理系统</title>
    <link href="images/logo.png" rel="icon">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="css/post.css"/>
    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/index.js"></script>
    <script src="teachers.js"></script>

</head>
<body>
<div id="body">
    <div id="logo">
        <img alt="logo-img" src="images/logo.png" id="logo-img">
        <span id="ourname">中国豆腐渣工程</span>
        <a href="javascript:" class="btn cancel" id="exit">退出</a>
        <span id="time"></span>
        <span id="welcome">欢迎 <span id="currentuser">管理员</span> 的登录</span>
    </div>
    <div id="content">
        <div id="left">
            <div class="circle">
                <ul class="hidden">
                    <li><a href="employee.html" target="_self">员工管理</a></li>
                    <li><a href="department.html" target="_self">部门管理</a></li>
                    <li><a href="job.html" target="_self">职位管理</a></li>
                </ul>
                <span>资料管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="school-activity.html" target="_self">学校活动</a></li>
                    <li></li>
                    <li><a href="shcool.html" target="_self">学校管理</a></li>
                </ul>
                <span>学校管理</span>
            </div>
            <div class="circle">
                <ul class="hidden">
                    <li><a href="student.html" target="_self">学生管理</a></li>
                    <li><a href="teacher.html" target="_self">老师管理</a></li>
                    <li><a href="class.html" target="_self">班级管理</a></li>
                </ul>
                <span>用户管理</span>
            </div>

        </div>
        <div id="right">
            <div id="right-content">
                <div id="top">职位管理</div>
                <div id="middle">

                </div>
                <div id="middle_footer">
                    <a class="bt btn" onclick="btn_add()">添加新职位</a>
                    <a  class="bt btn" onclick="btn_amend()"/>修改职位权限</a>
                </div>
            </div>
        </div>
    </div>
<div id="content_ap" style="display: none">
    <div id="content1">
        <div id="content1_top">添加新职位</div>
        <div id="table">
            <table id="tb">
                <tr>
                    <td>职位名称</td>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <td>职位描述</td>
                    <td><input type="text" id="input2"/></td>
                </tr>
                <tr>
                    <td><input type="radio"/><span class="span">查询权限</span></td>
                    <td><input type="radio"/><span class="span">考核权限</span></td>
                    <td><input type="radio"/><span class="span">销售统计</span></td>
                </tr>
                <tr>
                    <td><input type="radio"/><span class="span">权限管理</span></td>
                    <td><input type="radio"/><span class="span">后台管理</span></td>

                </tr>
                <tr>
                    <td><input type="button" value="添加" class="content_but" onclick="btn_add()"/></td>
                    <td><input type="button" value="取消" class="content_but" onclick="btn_del()"/></td>
                </tr>
            </table>
        </div>
        <div id="content1_footer">

        </div>
    </div>
</div>
</div>
<div id="footer">
    <p>2014 - 2016 &copy;版权二组所有，禁止抄袭</p>
</div>
<div id="content_ap2">
    <div id="content2">
        <div id="content2_top">修改职位名称</div>
        <div id="table2">
            <table id="tb2">
                <tr>
                    <td>职位名称</td>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                    <td>职位描述</td>
                    <td><input type="text" id="input3"/></td>
                </tr>
                <tr>
                    <td><input type="radio"/><span class="span">查询权限</span></td>
                    <td><input type="radio"/><span class="span">考核权限</span></td>
                    <td><input type="radio"/><span class="span">销售统计</span></td>
                </tr>
                <tr>
                    <td><input type="radio"/><span class="span">权限管理</span></td>
                    <td><input type="radio"/><span class="span">后台管理</span></td>

                </tr>
                <tr>
                    <td><input type="button" value="添加" class="content_but" onclick="btn_add()"/></td>
                    <td><input type="button" value="取消" class="content_but" onclick="btn_amend_del()"/></td>
                </tr>
            </table>
        </div>
        <div id="content2_footer">

        </div>
    </div>

</div>


</div>
</body>
<script>
    function btn_add(){
        var content_ap = document.getElementById("content_ap");
        content_ap.style.display = "block";
        var content1 = document.getElementById("content1");
        content1.style.cssText = "display:block";

    }
    function btn_del(){
        var content_ap = document.getElementById("content_ap");
        content_ap.style.display = "none";

    }
    function btn_amend(){
        var content_ap2 = document.getElementById("content_ap2");
        content_ap2.style.display = "block";
    }
    function btn_amend_del(){
        var content_ap2 = document.getElementById("content_ap2");
        content_ap2.style.display = "none";
    }


</script>
</html>